<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">

    <link rel="stylesheet" href="static/css/all.min.css">
    <link href="static/css/css2.css" rel="stylesheet">
    <link href="static/css/aos.css" rel="stylesheet">
    <!-- <link rel="icon" type="image/png" href="./static/image/Favicon.png"> -->
    <link href="static/css/mcss.css" rel="stylesheet">
    <script src='static/js/jquery-1.11.3.min.js'></script>
    <!-- <link href="static/css/min-scss.css" rel="stylesheet">
    <link href="static/css/med-scss.css" rel="stylesheet">
    <link href="static/css/lag-scss.css" rel="stylesheet"> -->
    
</head>
<body >
  <footer class="container">
    <div class="row   dfooter" >
      <div class="col-xs-6 col-md-3  col-lg-3">
         <div class="dtitle">Developers</div>
         <div class=""><a href="https://github.com">Github</a></div>
         <div><a href="https://docs-dominochain.gitbook.io/docs-dominochain/useful-links/faqs">FAQ</a></div>
         <div><a href="https://docs-dominochain.gitbook.io/docs-dominochain/">Documetation</a></div>
      </div>
      <div class="col-xs-6 col-md-3 col-lg-2">
        <div class="dtitle">About Us</div>
        <div><a href="#">Our Team</a></div>
        <div><a href="">Contact Us</a></div>
        
      </div>
      <div class="col-xs-12 col-md-3 col-lg-4">
        <div class="dtitle">Community</div>
        <div style="color: #666;">Learn more about the Domino, chat with the team and others in the community.</div>
        <div class="flex">
            <a href="https://www.youtube.com/channel/UCLk0CEl6VdrjbvpfEkSEwfQ/featured"><img src="./static/web/tcoin1.png" width="48px" height="48px" alt=""></a>
            <a href="https://twitter.com/Domino_GLOBAL "><img src="./static/web/tcoin2.png" width="48px" height="48px" alt=""></a>
            <a href="https://discord.com/domino"><img src="./static/web/tcoin3.png" width="48px" height="48px" alt=""></a>
            <a href="https://medium.com/@dominochain"><img src="./static/web/tcoin4.png" width="48px" height="48px" alt=""></a>
            <a href="mailto:dominochain1@gmail.com"><img src="./static/web/tcoin5.png" width="48px" height="48px" alt=""></a>
            <a href="https://t.me/dominochain "><img src="./static/web/tcoin6.png" width="48px" height="48px" alt=""></a>

        </div>
      </div>
      <div class="col-xs-12  col-md-3 col-lg-3 ">
        <div class="dtitle">Sign up for the newsletter</div>
       <div class="dfoodter">
        <div>
          <input  id="f1" type="text" title="email" required pattern="^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$" title="请输入正确的邮箱格式" />
        </div>
        <div><button id="b1" style="cursor: pointer;">Subscribe</button></div>
       </div>
      </div>

      <script type="text/javascript">
 
        $("#b1").click(function(){


          var email = $("#f1").val();
          if(!email){
            return
          }

          var templateParams = {
              title: "Subscribe",
              p1: email,
              p2: "",
              p3: "",
            };
            //语法 emailjs.send(serviceID, templateID, templateParams, userID);  
            emailjs.send('service_jn4t37i', 'template_op4h1oi', templateParams,"user_EAY5y0YS5gYGkDorb5MR5")
              .then(function(response) {
                alert("success!"); 
                $("#f1").val("")
              }, function(error) {
                $("#f1").val("")
              });

        })
       
      </script>

  </div>
  </footer>
</body>
</html>

